<template>
    <view class="kehu">
        <view style="color: blue;" @click="guanbi">关闭</view>
        <view>选择客户</view>
        <view></view>
    </view>
    <view
        style="overflow: hidden; height: 1500px; background-color: rgb(247, 247, 247); width: 360px; margin-left: 8px; margin-top: 40px;">

        <view class="xz">
            <view style=" position: fixed; top: 90px; left: 10px; width: 350px;">
                <u-search placeholder="搜索" :showAction="false" class="xz_search" bgColor="#fff"
                    borderColor="#ccc"></u-search>
            </view>
        </view>
        <ul class="kehu_one" @click="boxTiao">
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">蓉城有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>

            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">西星有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">凌越有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">惠鑫佳信有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">御林有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">友全有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">森宏有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">卓锦有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">启蒙有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">荣创有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">启蒙有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">尚园有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">互帮有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">维鑫有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">和行有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">恒源达有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
            <li class="box">
                <view>
                    <h2 style="margin-bottom: 10px;">振兴有限公司</h2>
                    <p>系统编号: KH20190324010001</p>
                    <p>客户归属: 赵小刚</p>
                </view>
                <view>
                    <p style="width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; margin-right: 50px;">
                    </p>
                </view>
            </li>
        </ul>




    </view>
</template>

<script setup lang="ts">

const guanbi = () => {
    uni.navigateBack({
        delta: 1
    })
}
const boxTiao = () => {
    setTimeout(function () {
        uni.navigateBack({
            delta: 1,
            url: '/pages/qiao-crm/qiao-sousuo/qiaolianxiren'
        })

    }, 1000);
}

</script>

<style lang="scss">
.box {
    width: 310px;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    height: 100px;
    box-shadow: 0 0 10px #ccc;
    margin-left: 5px;
    margin-top: 10px;

    view {

        color: #666;


    }
}



.xz {

    width: 360px;
    margin-left: 8px;
    background-color: rgb(249, 249, 249);
    margin-top: 90px;
}

.kehu {
    width: 330px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    padding: 3px 20px;
    position: fixed;
    height: 40px;
    background-color: white;
    top: 0px;
    left: 0px;
}
</style>